<!DOCTYPE html> 
<html> 
<head> 
	<title>jQuery Mobile Template</title> 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<meta name="viewport" 
		content="width=device-width, initial-scale=1" /> 
	<link rel="stylesheet" 
		href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /> 
	<script type="text/javascript" 
		src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
	<script type="text/javascript" 
		src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> 
	<script type="text/javascript"> 
		$(document).on("pageinit", "#page1", function(event){ 
			alert("Ready To Go"); 
		}); 
	</script> 
</head> 
<body> 
	<div data-role="page" id="page1"> 
		<div data-role="header"> 
			<h1>jQuery Mobile</h1> 
		</div> 
		<div data-role="content"> 
			<ul id="listOfItems" data-role="listview" data-inset="true" 
				data-filter="true"> 
				<li><a href="">One</a></li> 
				<li><a href="">Two</a></li> 
				<li><a href="">Three</a></li> 
			</ul> 
		</div> 
		<div data-role="footer"> 
			<h4>www.jboss.org/developer</h4> 
		</div> 
	</div> 
</body> 
</html>